.attachment-filters {
    display: none;
}
.media-frame-menu {
    .separator {
        display: none;
    }
}
.msTipsy {
    .tipsy-arrow-s {
        border-top-color: #555;
    }
    .tipsy-arrow-w {
        border-right-color: #555;
    }
    .tipsy-arrow-n {
        border-bottom-color: #555;
    }
    .tipsy-inner {
        color: white;
        background-color: #555;
    }
    .tipsy-arrow-e {
        border-left-color: #555;
    }
}
#cboxLoadedContent {
    overflow: hidden !important;
    iframe {
        border: 0 none;
        display: block;
        height: 100%;
        overflow: hidden;
        width: 100%;
    }
}
.metaslider .left table tr.slide input.alt,
.metaslider .left table tr.slide input.url {
    width: 100%;
    margin: 0 0 8px 0;
}
#goProWrap {
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    background: #e3e3e3;
    background-image: -webkit-gradient(linear,left bottom,left top,from(#dfdfdf),to(#f1f1f1));
    background-image: -webkit-linear-gradient(bottom,#dfdfdf,#f1f1f1);
    background-image: -moz-linear-gradient(bottom,#dfdfdf,#f1f1f1);
    background-image: -o-linear-gradient(bottom,#dfdfdf,#f1f1f1);
    background-image: linear-gradient(to top,#dfdfdf,#f1f1f1);
    float: right;

    span {
        z-index: 1;
        padding: 0 6px;
        height: 22px;
        line-height: 22px;
        font-size: 12px;
        display: block;
        text-shadow: rgba(255,255,255,0.7) 0 1px 0;
    }

    a {
        text-decoration: none;
    }
} 
.metaslider {

    .section {
        cursor: pointer;
    }

    .hidden {
        display: none;
    }

    .probutton, .probutton:hover {
        width: 36%;
        margin: 20px 32% 10px 32%;
        float: left;
        font-size: 1.4em;
        padding: 15px 0;
        background-color: #759ae9;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759ae9), color-stop(50%, #376fe0), color-stop(50%, #1a5ad9), color-stop(100%, #2463de));
        background-image: -webkit-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
        background-image: -moz-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
        background-image: -ms-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
        background-image: -o-linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
        background-image: linear-gradient(top, #759ae9 0%, #376fe0 50%, #1a5ad9 50%, #2463de 100%);
        border-top: 1px solid #1f58cc;
        border-right: 1px solid #1b4db3;
        border-bottom: 1px solid #174299;
        border-left: 1px solid #1b4db3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
        box-shadow: inset 0 0 2px 0 rgba(57, 140, 255, 0.8);
        color: #fff;
        font-family: 'PT Sans', helvetica, arial, sans-serif;
        text-shadow: 0 -1px 1px #1a5ad9;
        color: white;
        text-align: center;
        text-decoration: none;
        border-radius: 5px;
        line-height: 2em;
    }
    .super {
        text-transform: uppercase;
        font-size: 0.7em;
        vertical-align: top;
        line-height: 2em;
    }
    .subtext {
        float: left;
        width: 100%;
        text-align: center;
        font-style: italic;
    }
    .logo {
        text-transform: uppercase;
    }
    .tipsy-tooltip {
        font-size: 0.9em;
    }
    .nav-tab-active {
        input {
            padding: 0;
            margin: 0;
            border: 0;
            width: 100px;
            font-size: 13px;
        }
    }
    .button {
        font-family: sans-serif;
    }
    .widefat {
        th {
            padding: 6px 7px 5px;
            font-size: 15px;
            line-height: 1.4em;
        }
    }
    .nav-tab-wrapper {
        :first-child {
            margin-left: 5px;
        }
    }
    
    .ui-sortable-helper {
        box-shadow: 3px 3px 5px #cccccc;
    }


    .left {
        width: 68%;
        margin-top: 20px;
        float: left;
        clear: none;


        @media (max-width: 900px) {
            width: 100%;
            float: none;
        }

        table {
            width: 100%;
            thead {
                input {
                    margin-left: 5px;
                }

                .add-slide {
                    padding-left: 0.4em;
                    padding-right: 0.6em;
                    .wp-media-buttons-icon {
                        background: url('../../../../../wp-admin/images/media-button.png') no-repeat top left;
                        display: inline-block;
                        width: 16px;
                        height: 16px;
                        vertical-align: text-top;
                        margin: 0 2px;
                    }
                }
            }

            tr.slide {
                background: #f9f9f9;
                height: 167px;

                label {
                    input {
                        margin: 1px 0 10px 3px;
                    }
                }

                textarea {
                    width: 100%;
                    height: 75px;
                    margin: 0 0 5px 0;
                }

                td.col-1 {
                    cursor: move;
                    .thumb {
                        position: relative;
                        height: 150px;
                        width: 150px;
                        background-size: auto 150px;
                        background-position: center;

                        .delete-slide {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                            background: #EE2C2C;
                            color: white;
                            width: 16px;
                            height: 16px;
                            float: left;
                            text-align: center;
                            display: none;
                        }

                        .slide-details {
                            bottom: 0;
                            left: 0;
                            position: absolute;
                            background: #333;
                            color: white;
                            padding: 0 5px;
                            text-transform: uppercase;
                            font-size: 9px;
                            opacity: 0.6;
                        }
                    }

                }

                td.col-1:hover {
                    .delete-slide {
                        display: block;
                    }
                }

                .new_window {
                    position: relative;
                    float: right;
                    font-size: 10px;
                    padding: 0px 3px;
                    color: #a9a9a9;
                    label {
                        position: absolute;
                        width: 120px;
                        right: 6px;
                        text-align: right;
                        top: -28px;
                    }
                }
            }

            td {
                border-top: 0;
                padding: 8px;
            }
            td.col-2 {
                padding: 8px 8px 8px 0;
            }
        }
    }

    .right {
        width: 30%;
        float: right;
        margin-top: 20px;
        clear: none;


        @media (max-width: 900px) {
            width: 100%;
            float: none;
        }


        .highlight {
            background: #f1f1f1;
            border-top: 3px solid #f9f9f9;
            border-bottom: 3px solid #f9f9f9;
        }

        .settings {
            .slider-lib-row {
                padding: 6px 3px;
                text-shadow: 1px 1px 1px grey;
            }
            #save {
                margin-right: 0;
            }
            input {
                margin-right: 5px;
            }
            label {
                margin-right: 10px;
            }
            .slider-lib {
                float: left;
                width: 23%;
                margin: 1%;
                list-style-type: none;
                text-align: center;

                input {
                    margin: 3px 0 0 0;
                }

                @media (max-width: 1120px) {
                    width: 48%;
                    margin: 1%;
                }

                @media (max-width: 900px) {
                    width: 23%;
                    margin: 1%;
                }

                label {
                    color: white;
                    border-radius: 2px;
                    float: left;
                    width: 100%;
                    padding: 5px 0px;
                    vertical-align: bottom;
                }
            }

            .slider-lib.nivo {
                label {
                    background: #b6e026;
                    background: -moz-linear-gradient(top,  #b6e026 0%, #abdc28 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6e026), color-stop(100%,#abdc28));
                    background: -webkit-linear-gradient(top,  #b6e026 0%,#abdc28 100%);
                    background: -o-linear-gradient(top,  #b6e026 0%,#abdc28 100%);
                    background: -ms-linear-gradient(top,  #b6e026 0%,#abdc28 100%);
                    background: linear-gradient(to bottom,  #b6e026 0%,#abdc28 100%);
                }
            }
            .slider-lib.responsive {
                label {
                    background: #959595;
                    background: -moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#959595), color-stop(46%,#0d0d0d), color-stop(50%,#010101), color-stop(53%,#0a0a0a), color-stop(76%,#4e4e4e), color-stop(87%,#383838), color-stop(100%,#1b1b1b));
                    background: -webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
                    background: -o-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
                    background: -ms-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
                    background: linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
                }
            }
            .slider-lib.coin {
                label {
                    background: #ffd65e;
                    background: -moz-linear-gradient(top,  #ffd65e 0%, #febf04 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd65e), color-stop(100%,#febf04));
                    background: -webkit-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
                    background: -o-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
                    background: -ms-linear-gradient(top,  #ffd65e 0%,#febf04 100%);
                    background: linear-gradient(to bottom,  #ffd65e 0%,#febf04 100%);
                }
            }
            .slider-lib.flex {
                label {
                    background: #00b7ea;
                    background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%);
                    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3));
                    background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
                    background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
                    background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%);
                    background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%);
                }
            }


            .configuration {
                @media (max-width: 1120px) {
                    display: none;
                }
                @media (max-width: 900px) {
                    display: inline;
                }
            }

            .button {
                @media (max-width: 900px) {
                    width: auto;
                    float: right;
                }
            }
        }


        .shortcode {
            width: 100%;
            margin-top: 20px;
            td {
                border-bottom: 0;
                border-top: 0;
                font-size: 0.9em;
            }
            input, input:active {
                font-family: monospace;
                width: 100%;
                font-size: 0.9em;
                background: transparent;
                border: 0;
                box-shadow: none;
            }
        }

        table {
            td {
                border-bottom: 0;
                border-top: 0;
                height: 28px;
                font-size: 0.9em;
                vertical-align: middle;
                padding: 0 6px;
                border-bottom: 0;

                input[type='checkbox'] {
                    margin-left: 2px;
                }
            }

            .slider-lib-row {
                padding: 3px;
            }
        }
    }
}
.metaslider .nav-tab,.metaslider h2.nav-tab-wrapper {
    font-size: 13px;
}

ul.info {
    width: 100%;
    margin-top: 20px;
    border-radius: 5px;


    li {
        text-align: right;
        display: inline;
        width: 33%;
        float: left;
    }
}

.delete-slider {
    margin: 0 5px 3px 0 !important;
}
